<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>文豆集团-IT服务企业</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>index</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<link href="css/jquery-ui.css" rel="stylesheet">
	<link rel="stylesheet" href="css/index.css">
	<link href="css/ppt.css" rel="stylesheet">
	<link rel="stylesheet" href="css/change.css" type="text/css" />
	<style>
		.clear{
			clear:both;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="header">
			<a href=""><img src="images/logo.gif" alt=""></a>
			<div class="header_load">
				<p class="header_user_center">	
					<a href="user_login.html">登陆</a>|
					<a class="username" href="user_reg.html">注册</a>
						<select name="" id="">
							<option value="">旗下网站</option>
							<option value="">PHP网站开发</option>
						</select>
				</p>
				<p class="header_nav">
					<a href="about.html">了解文豆</a>
					<a href="cases.html">案例展示</a>
					<a href="news.html">资讯中心</a>
					<a class="header_nav4" href="contact.html">联系我们</a>
				</p>
			</div>
		</div>
		<div id="pic1" class="pic" style="margin:0 auto;">
			<ul id="slideName1" class="sildebar clearfix">
				<li style="background:#4390EE"><a href=""><img src="images/index_banner01.jpg" alt="图片一" width="1440px"></a></li>
				<li style="background:#CA4040"><a href=""><img src="images/index_banner02.jpg" alt="图片二" width="1440px"></a></li>
				<li style="background:#FF8604"><a href=""><img src="images/index_banner03.jpg" alt="图片三" width="1440px"></a></li>
				<li style="background:#4e8a00"><a href=""><img src="images/index_banner01.jpg" alt="图片四" width="1440px"></a></li>
				<li style="background:#ff0"><a href=""><img src="images/index_banner01.jpg" alt="图片五" width="1440px"></a></li>
			</ul>
			<a href="javascript:void(0)" class="btn-focus prev"> 上一张 </a>
			<a href="javascript:void(0)" class="btn-focus next">下一张</a>
		</div>
		<div class="main">
			<div class="service">
		 		<ul>
					<li id="service_1"><a class="img1" href="#service-1"><img src="images/case_logo_01.gif" alt="">移动端应用开发解决方案</a></li>
					<li id="service_2"><a class="img2" href="#service-2"><img src="images/case_logo_02.gif" alt="">高品质网站解决方案</a></li>
					<li id="service_3"><a class="img3" href="#service-3"><img src="images/case_logo_03.gif" alt="">电子商务平台解决方案</a></li>
					<li id="service_4"><a class="img4" href="#service-4"><img src="images/case_logo_04.gif" alt="">微信应用解决方案</a></li>
					<li id="service_5"><a class="img5" href="#service-5"><img src="images/case_logo_05.gif" alt="">PHP网站开发人才培养服务</a></li>
					<li id="service_6"><a class="img6" href="#service-6"><img src="images/case_logo_06.gif" alt="">企业信息化解决方案</a></li>
				</ul>
				<div id="service_news">
					<h2>APP开发方案</h2>
					<p class="service_p1"><span>地方门户,行业门户,垂直门</span></p>
					<p class="service_p2">
						文豆集团为各个行业打造的综合信息门户方案，针对不同行业，强化内部的信息划分，体现行业的特色，树立行业信息权威形象。同时，文豆网络也提供政府信息门户方案，整合各种信息和资源 
					</p>
				</div>
			</div>
			<div class="news">
				<div id="tabs">
					<p id="news_type">
						<a id="tabs-1" href="#tabs-1">国内新闻</a>
						<a id="tabs-2" href="#tabs-2">深圳新闻</a>
						<a id="tabs-3" href="#tabs-3">公司新闻</a>
					</p>
					<a class="more" href="">more</a>
				</div>
				<ul id="tabs-html">
					<li>
						<a href="">10款提高iOS开发效率的XCode插件</a>
						<span>2015-10-05</span>
					</li>
					<li>
						<a href="">10款提高iOS开发效率的XCode插件</a>
						<span>2015-10-05</span>
					</li>
					<li>
						<a href="">10款提高iOS开发效率的XCode插件</a>
						<span>2015-10-05</span>
					</li>
					<li>
						<a href="">10款提高iOS开发效率的XCode插件</a>
						<span>2015-10-05</span>
					</li>
					<li>
						<a href="">10款提高iOS开发效率的XCode插件</a>
						<span>2015-10-05</span>
					</li>
					<li>
						<a href="">10款提高iOS开发效率的XCode插件</a>
						<span>2015-10-05</span>
					</li>
					<li>
						<a href="">10款提高iOS开发效率的XCode插件</a>
						<span>2015-10-05</span>
					</li>
					<li>
						<a href="">10款提高iOS开发效率的XCode插件</a>
						<span>2015-10-05</span>
					</li>
					<li>
						<a href="">10款提高iOS开发效率的XCode插件</a>
						<span>2015-10-05</span>
					</li>
					<li>
						<a href="">10款提高iOS开发效率的XCode插件</a>
						<span>2015-10-05</span>
					</li>
				</ul>
			</div>
			<div class="clear"></div>
			<div class="cases">
				<img class="cases_title" src="images/index_case_title.gif" alt="">
				<a class="more" href="">more</a>
				<div class="clear"></div>
				<div id="wrapper">
					<div id="carousel">
						<ul>
							<li><img src="images/cases_picture_01.jpg" alt="" /></li>
							<li><img src="images/cases_picture_02.jpg" alt="" /></li>
							<li><img src="images/cases_picture_03.jpg" alt="" /></li>
							<li><img src="images/cases_picture_04.jpg" alt="" /></li>
							<li><img src="images/cases_picture_05.jpg" alt="" /></li>
							<li><img src="images/cases_picture_06.jpg" alt="" /></li>					
							<li><img src="images/cases_picture_06.jpg" alt="" /></li>					
							<li><img src="images/cases_picture_06.jpg" alt="" /></li>					
							<li><img src="images/cases_picture_06.jpg" alt="" /></li>					
						</ul>
						<div class="clearfix"></div>
						<a id="prev" class="prev" href="#"></a>
						<a id="next" class="next" href="#"></a>
					</div>
				</div>		
			</div>
		</div>
		<div class="clear"></div>
		<div class="about_bg">
			<div class="about">
				<ul>
					<li class="about_li01">
						<h3>为什么选择文豆</h3>
						<p>
							<span>文豆集团</span>是一家提供互联网服务的高科技集团公司，集策划、设计、前端优化、研发、测试、系统运维、网站推广、运营、团队外包及互联网人才培养为一体的成熟业务体系；
						</p>
						<p>
							主要提供高品质网站建设方案，移动端应用开发方案，微应用、微商城、微官网、微互动营销解决方案，企业信息化解决方案，以及PHP网站开发、Java开发、UI设计、淘宝美工人才培养服务，人才外包服务，高端IT人才猎头服务。
						</p>
						<a href=""><img src="images/about_01.gif" alt=""></a>
					</li>
					<li class="about_li02">
						<h3>服务特色</h3>
						<div class="about_li02_left">
							<img src="images/about_02.jpg" alt="">
							<p><span>不用担心距离, 文豆就在你身边</span></p>
						</div>
						<div class="about_li02_right">
							<dl>
								<dt>网站建设</dt>
								<dd>文豆集团，是一家具有独立注册商标的网络科技公司。</dd>
								<dt>营销推广</dt>
								<dd>
									网络推广就是利用互联网进行宣传推广活动 。被推广对象可以是企业、产品、政府以及个人 的信息和网站等。据09年调查显示，中国93% 的企业.
								</dd>	
							</dl>
							<a href=""><img src="images/about_01.gif" alt=""></a>
						</div>
					</li>
					<li class="about_li03">
						<h3><span>联系我们</span></h3>
						<a href=""><img src="images/about_03.gif" alt=""></a>
						<p><span>广州：400-889-7654</span></p>
						<p><span>深圳：0755-66691037</span></p>
					</li>
				</ul>
			</div>
		</div>
		<div class="footer">
			<p class="footer_nav">
				<a class="footer_nav_nopd" href="about.html">了解文豆</a>|
				<a href="cases.html">案例展示</a>|
				<a href="news.html">资讯中心</a>|
				<a href="contact.html">联系我们</a>
			</p>
			<ul>
				<li>
					<p>文豆集团 Copyright 2009-2015 ,All Rights Reserved wengdo</p>
					<p>法律顾问：广东晟晨律师事务所－张勇律师</p>
				</li>
				<li><a href="">粤ICP备12022584号－3</a></li>
			</ul>
			<div class="footer_share">
				<span>分享到：</span>
				<a href=""><img src="images/weixin_logo.gif" alt=""></a>
				<a href=""><img src="images/tencent_logo.gif" alt=""></a>
				<a href=""><img src="images/sina_logo.gif" alt=""></a>	
			</div>
		</div>
	</div>	
</body>
</html>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script src="js/indexHover.js"></script>
<script src="js/jquery-1.8.1.min.js" type="text/javascript"></script>
<script src="js/pp0.js"></script>

<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		$('#carousel ul').carouFredSel({
			prev: '#prev',
			next: '#next',
			pagination: "#pager",
			scroll: 1000
		});
	$("#carousel ul li").append("<div id='ye'>yeyeye</div>");
	$("#carousel ul li img").parent().find("div").css({
		"opacity":"0.3",
		"background":"#000",
		"color":"#000",
		"font-size":"16px",
		"width":"362px",
		"height":"252px",
		"line-height":"252px",
		"text-align":"center",
		"position":"absolute",
		"left":"0",
		"bottom":"-252px"
	});
	$("#carousel ul li img").mouseover(function(){
		$(this).parent().find("div").animate({bottom:'-10px'},500);
	});
	$("#carousel ul li img").mouseout(function(){
		$(this).parent().find("div").animate({bottom:'-252px'},500);
	});
	});
</script>	